﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Administrador.Master" AutoEventWireup="true" CodeBehind="UI_NewTeacher.aspx.cs" Inherits="Espam.Idiomas.Decimo.Tesis.Web.UI_NewTeacher" EnableEventValidation="false" ViewStateEncryptionMode="Never" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Contenido" runat="server">
    <script type="text/javascript">
        window.onload = function () {
            var seconds = 3;
            setTimeout(function () {
                document.getElementById("<%=lblvalida.ClientID %>").style.display = "none";
        }, seconds * 1000);
    };
</script>
       <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </cc1:ToolkitScriptManager>
     <div id="page-wrapper">

            <div class="page-content">

                <!-- begin PAGE TITLE AREA -->
                <!-- Use this section for each page's title and breadcrumb layout. In this example a date range picker is included within the breadcrumb. -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="page-title">
                            <h1>Docentes
                                <small>Nuevo Docente</small>
                            </h1>
                            <ol class="breadcrumb">
                                <li class="active">
                                 <asp:Label ID="lblvalida" runat="server" Text="" Visible="False"></asp:Label></li>
                                <li class="pull-right">
                                    <div id="reportrange" class="btn btn-green btn-square date-picker">
                                        <i class="fa fa-calendar"></i>
                                        <span class="date-range"></span> <i class="fa fa-caret-down"></i>
                                    </div>
                                </li>
                            </ol>
                        </div>
                    </div>
                    <!-- /.col-lg-12 -->
                </div>
                <!-- /.row -->
                <!-- end PAGE TITLE AREA -->

            </div>

          <!-- end PAGE TITLE ROW -->

                <div class="row">
               <!-- Validation Examples -->
                    <div class="col-lg-12">
                        <div class="portlet portlet-default">
                            <div class="portlet-heading">
                                <div class="portlet-title">
                                    <h4>Datos Nuevo Docente</h4>
                                </div>
                                <div class="portlet-widgets">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#validationExamples"><i class="fa fa-chevron-down"></i></a>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div id="validationExamples" class="panel-collapse collapse in">
                                <div class="portlet-body">
                                   
                                <div class="portlet-body">
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <td>Nombres:</td>
                                                <td> <asp:TextBox ID="txtNombres" autocomplete="off" runat="server" CssClass="form-control"  placeholder="Ingrese Nombres" Style="text-transform:uppercase"></asp:TextBox>
                                                   <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="txtNombres" FilterType="UppercaseLetters,LowercaseLetters,Custom" ValidChars=" "></cc1:FilteredTextBoxExtender>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Campo Obligatorio" ControlToValidate="txtNombres" ForeColor="Red" ToolTip="Ingrese el numero de ciclo" ></asp:RequiredFieldValidator>
                                                </td>
                                                <td>Apellidos:</td>
                                                <td><asp:TextBox ID="txtApellidos" autocomplete="off"  runat="server" CssClass="form-control"  placeholder="ingrese apellidos" ValidationGroup="modulo" Style="text-transform:uppercase" ></asp:TextBox> 
                                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server"  FilterType="LowercaseLetters, UppercaseLetters,Custom" ValidChars=" " TargetControlID="txtApellidos" ></cc1:FilteredTextBoxExtender>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Campo Obligatorio" ControlToValidate="txtApellidos" ForeColor="Red"></asp:RequiredFieldValidator>
                                                </td>
                                               
                                            </tr>
                                        </thead>
                                        <tbody>
                                           <tr>
                                                <td>Documento:</td>
                                                <td>
                                                    <asp:TextBox ID="txtDocumento" placeholder="INGRESE NUMERO DE CÉDULA" MaxLength="10" autocomplete="off" runat="server" CssClass="form-control"  ValidationGroup="modulo"></asp:TextBox>                                          
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Campo Obligarotio" ControlToValidate="txtDocumento" ForeColor="Red"></asp:RequiredFieldValidator>
                                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server"  FilterType="Numbers"  TargetControlID="txtDocumento"></cc1:FilteredTextBoxExtender>
                                                
                                                </td>
                                                <td>T&iacute;tulo:</td>
                                                <td>
                                                    <asp:TextBox ID="txtTitulo" placeholder="INGRESE TÍTULO ACADÉMICO" autocomplete="off" runat="server" CssClass="form-control"  ValidationGroup="modulo" Style="text-transform:uppercase" ></asp:TextBox>
                                                     <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="Campo Obligarotio" ControlToValidate="txtTitulo" ForeColor="Red"></asp:RequiredFieldValidator>
                                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server" FilterType="UppercaseLetters,LowercaseLetters,Custom" ValidChars=" ,ñ" TargetControlID="txtTitulo"></cc1:FilteredTextBoxExtender>
                                                    <%--</form>--%>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Genero</td>
                                                <td><asp:DropDownList ID="ddlGenero" runat="server" CssClass="form-control"></asp:DropDownList>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="Campo Obligatorio" ControlToValidate="ddlGenero"></asp:RequiredFieldValidator>
                                                </td> 
                                                <td>
                                                    <asp:Label ID="lblFotoPerfil" runat="server" Text="Foto Perfil:"></asp:Label></td>
                                                <td><asp:FileUpload ID="fuFotoPerfil" runat="server" CssClass="form-control" />
                                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" ControlToValidate="fuFotoPerfil" runat="server"  ErrorMessage="Seleccione un archivo .jpg o .png" ValidationExpression="^(([a-zA-Z]:)|(\\{2}\w+)\$?)(\\(\w[\w].*))+(.png|.jpg)$"></asp:RegularExpressionValidator>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Foto Requerida" ControlToValidate="fuFotoPerfil"></asp:RequiredFieldValidator>
                                                </td>
                                                
                                            </tr>
                                            <tr id="row" runat="server">
                                                 <td>
                                                     <asp:Label ID="lblCV" runat="server" Text="Hoja de Vida:"></asp:Label></td>
                                                <td><asp:FileUpload ID="fuCurriculumVitae" runat="server" CssClass="form-control"/>
                                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ErrorMessage="Seleccione un archivo .jpg o .png" ValidationExpression="^(([a-zA-Z]:)|(\\{2}\w+)\$?)(\\(\w[\w].*))+(.png|.jpg)$" ControlToValidate="fuCurriculumVitae"></asp:RegularExpressionValidator>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="Hoja de vida Requerida" ControlToValidate="fuCurriculumVitae"></asp:RequiredFieldValidator>
                                                </td>
                                               
                                                <td id="pass" runat="server"><asp:Label ID="lblPass" runat="server" Text="Contraseña:"></asp:Label></td>
                                                <td>
                                                    <asp:TextBox ID="txtPassword" autocomplete="off"  runat="server" CssClass="form-control"  placeholder="ingrese contraseña" ValidationGroup="modulo" Style="text-transform:uppercase" TextMode="Password" ></asp:TextBox> 
                                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender5" runat="server"  FilterType="LowercaseLetters, UppercaseLetters,Numbers,Custom" ValidChars="_,@" TargetControlID="txtPassword" ></cc1:FilteredTextBoxExtender>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ErrorMessage="Campo Obligatorio" ControlToValidate="txtPassword" ForeColor="Red"></asp:RequiredFieldValidator>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><%--Tipo Usuario--%></td>
                                                <td>
                                                    <%--<asp:DropDownList ID="ddlRol" runat="server" CssClass="form-control"></asp:DropDownList>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ErrorMessage="Campo Obligatorio" ControlToValidate="ddlRol"></asp:RequiredFieldValidator>--%>
                                                </td>
                                                <td><asp:Button ID="btnCancelar" runat="server" Text="Cancelar" Visible="false" CssClass="btn btn-block" OnClick="btnCancelar_Click"  /></td>
                                                <td>
                                                    
                                                    <asp:Button ID="btnGuardarDocente" runat="server" Text="Guardar Docente" CssClass="btn btn-dark-blue" OnClick="btnGuardarDocente_Click" />
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.col-lg-12 -->
                    <!-- End Validation Examples -->
             </div>




                <!-- /.row -->

         <div class="row">
               <!-- Validation Examples -->
                    <div class="col-lg-12">
                        <div class="portlet portlet-default">
                            <div class="portlet-heading">
                                <div class="portlet-title">
                                    <h4>Docentes Guardados</h4>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div id="Div1" class="panel-collapse collapse in">
                                <div class="portlet-body" >
                                   
                                <div class="portlet-body">
                                     
                                     <div class="table-responsive">
                                    <%-- <table class="table">--%>
                               <%-- </div>--%>
                                  <!-- gridview modulos -->

                                  <!-- End gridview modulos -->
                                    <%--</form>--%>
                                    <asp:GridView ID="gvDocentes" Width="100%" runat="server" 
                                        AutoGenerateColumns="False" CellPadding="4" GridLines="Horizontal" DataKeyNames="valorID" 
                                         BackColor="White" BorderColor="#336666" 
                                        BorderStyle="Double" BorderWidth="3px" OnRowDeleting="gvDocentes_RowDeleting" OnSelectedIndexChanged="gvDocentes_SelectedIndexChanged">
                                        <Columns>
                                            <asp:BoundField DataField="descripcion" HeaderText="APELLIDOS" >
                                            <HeaderStyle HorizontalAlign="Center" />
                                            </asp:BoundField>
                                            <asp:BoundField DataField="nombres" HeaderText="NOMBRES" >
                                            <HeaderStyle HorizontalAlign="Center" />
                                            </asp:BoundField>
                                            <asp:BoundField DataField="documento" HeaderText="DOCUMENTO" >
                                            <HeaderStyle HorizontalAlign="Center" />
                                            </asp:BoundField>
                                            <asp:BoundField DataField="titulo" HeaderText="TÍTULO" >
                                            <HeaderStyle HorizontalAlign="Center"/>
                                            </asp:BoundField>
                                            <asp:ImageField DataImageUrlField="cadenaPicPerfil" DataImageUrlFormatString="~/UploadedImagesTeachers/{0}" HeaderText="FOTO">
                                                <ControlStyle Height="40px" Width="40px" />
                                            </asp:ImageField>
                                            <asp:CommandField ShowSelectButton="True" ButtonType="Image" SelectImageUrl="~/Images/1415847473_file_edit.png" />
                                            <asp:CommandField ShowDeleteButton="True" ButtonType="Image" DeleteImageUrl="~/Images/1417092348_file_delete.png"  />
                                        </Columns>
                                        <FooterStyle BackColor="White" ForeColor="#333333" />
                                        <HeaderStyle BackColor="#336666" Font-Bold="True" ForeColor="White" />
                                        <PagerStyle BackColor="#336666" ForeColor="White" HorizontalAlign="Center" />
                                        <RowStyle BackColor="White" ForeColor="#333333" />
                                        <SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />
                                        <SortedAscendingCellStyle BackColor="#F7F7F7" />
                                        <SortedAscendingHeaderStyle BackColor="#487575" />
                                        <SortedDescendingCellStyle BackColor="#E5E5E5" />
                                        <SortedDescendingHeaderStyle BackColor="#275353" />
                                    </asp:GridView>
                                        <%-- </table>--%>
                            </div>
                                    </div>
                                         <%--</form>--%>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.col-lg-12 -->
                    <!-- End Validation Examples -->
             </div>
                <!-- /.row -->


     </div>
</asp:Content>
